@width: 1500px;
// @theme: #14989A;
@theme: #FC5F10;
.pre-txt {
	display: block;
	white-space: pre-line;
	text-align: left;
}
.flex {
	display: flex;
	align-items: center;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-center-y {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.btn-huang {
	min-width: 106px;
	height: 39px;
	background: #fa6600;
	border-radius: 3px 3px 3px 3px;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
}
.dot {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.bor {
	border: 1px solid red !important;
}
/*文字显示*/
.line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
}
.line-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 4;
}
.line-5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 5;
}
.line-6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 6;
}
.line-7 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 7;
}

.fhover {
	cursor: pointer;
	transition: 0.2s all;
	&:hover {
		color: @theme !important;
	}
}
.lhover() {
	cursor: pointer;
	&:hover {
		text-decoration: underline;
	}
}
.jhover {
	cursor: pointer;
	transition: 0.2s all;
	&:hover {
		opacity: 0.7;
	}
}
.jhover2 {
	transition: 0.3s all;
	&:hover {
		// box-shadow: 0 16px 40px 0 rgba(138, 149, 158, 0.2);
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	}
}
.jhover4 {
	transition: 0.3s all;
	&:hover {
		transform: scale(1.005);
		transition: 0.2s all;
	}
}
.jhover3 {
	transition: 0.3s all;
	&:hover {
		transform: scale(1.1);
		transition: 0.2s all;
	}
}
.hover-underline {
	cursor: pointer;
	// background: linear-gradient(to right, @theme, #999) no-repeat right bottom;
	background: linear-gradient(to right, #eee, #eee) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 400ms;
	&:hover {
		background-position-x: left;
		background-size: 100% 1px;
	}
}
.fix-c {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.fix-c-x {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.fix-c-y {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.jactive {
	&:active {
		opacity: 1 !important;
		filter: brightness(90%);
	}
}
button:not(.el-button) {
	.jhover();
	// cursor: pointer;
	// &:hover{
	// 	background: #657cb7 !important;
	// }
	// &:focus{
	// 	opacity: 1 !important;
	// 	background: #657cb7 !important;
	// }
	// &:active{
	// 	opacity: 1 !important;
	// 	background: #183882 !important;
	// 	background-color: #183882 !important;
	// }
}
button[disabled]:not(.el-button) {
	opacity: 0.85 !important;
	color: #bbb !important;
	cursor: not-allowed;
	i {
		color: #bbb !important;
	}
	span {
		// color: #ccc !important;
	}
}
.el-button--default {
	// border: 1px solid @theme;
	// color: @theme;
	// background-color: rgba(237, 41, 32, 0.05);
}
.button-red-border {
	width: 86px;
	height: 30px;
	background: #ffffff;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid @theme;
	font-weight: bold;
	font-size: 14px;
	color: @theme;
}

.jhtml {
	/deep/img {
		width: 100%;
		display: block;
	}
	table {
		border: 1px solid #ccc;
		tr {
			td {
				padding: 10px;
				border: 1px solid #ccc;
			}
		}
	}
}
.table-paging {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	.lbox {
		i {
			font-size: 14px;
			font-weight: 400;
			color: #ed2920;
			margin-right: 5px;
		}
		button {
			margin-left: 50px;
			font-size: 14px;
			font-weight: 400;
			color: #ed2920;
		}
	}
	.el-pagination {
		.el-icon {
			color: #000 !important;
		}
		.el-pager {
			.number {
				color: #4d4d4d;
			}
			.active {
				background: @theme !important;
				color: #fff !important;
			}
		}
	}
}
.paging {
	text-align: center;
	padding: 30px;
	.el-pagination {
		.el-icon {
			// color: #000 !important;
		}
		.el-pager {
			.number {
				// color: #4d4d4d;
				// background: #fff !important;
				// border: 1px solid #e5e5e5;
			}
			.active {
				// color: #4d4d4d;
				// background: @theme !important;
				// color: #fff !important;
			}
		}
	}
}

.theme-title {
	position: relative;
	font-size: 36px;
	font-weight: 400;
	color: #4e5765;
	padding-bottom: 15px;
	white-space: pre-line;
	& > span {
		white-space: pre-line !important;
	}
	&:before {
		position: absolute;
		bottom: 0;
		content: '';
		width: 2em;
		height: 5px;
		background: linear-gradient(90deg, #28388f 0%, #01c3f6 100%);
		border-radius: 5px 5px 5px 5px;
	}
}
.theme-title-center {
	font-weight: bold;
	font-size: 24px;
	color: #333333;
}

.theme-title-warp {
	& > span {
		display: inline-block;
		margin-top: 18px;
		font-size: 16px;
		font-weight: 400;
		color: #6d6d6d;
		white-space: pre-line;
	}
}
.theme-title-center-2 {
	position: relative;
	font-size: 36px;
	font-weight: 400;
	color: #4e5765;
	padding-bottom: 15px;
	text-align: center;
	& > span {
		position: relative;
		padding: 0 20px;
		&:before {
			.fix-c-y();
			left: -2em;
			content: '';
			width: 2em;
			height: 5px;
			background: linear-gradient(90deg, #28388f 0%, #01c3f6 100%);
			border-radius: 5px 5px 5px 5px;
		}
		&::after {
			.fix-c-y();
			right: -2em;
			content: '';
			width: 2em;
			height: 5px;
			background: linear-gradient(90deg, #28388f 0%, #01c3f6 100%);
			border-radius: 5px 5px 5px 5px;
		}
	}
}

.theme-btn {
	min-width: 123px;
	height: 36px;
	background: @theme;
	border: 1px solid @theme;
	border-radius: 21px 21px 21px 21px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
}

.theme-btn-1 {
	min-width: 191px;
	height: 46px;
	padding: 0 15px;
	background: #ed2920;
	border-radius: 4px 4px 4px 4px;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}
.theme-btn-2 {
	min-width: 123px;
	height: 36px;
	padding: 0 15px;
	border-radius: 21px 21px 21px 21px;
	border: 1px solid #c3c0c1;

	font-size: 14px;
	font-weight: 400;
	color: #4e5765;
}
.theme-btn-3 {
	min-width: 123px;
	height: 36px;
	padding: 0 15px;
	border-radius: 21px 21px 21px 21px;
	border: 1px solid @theme;
	background: transparent !important;
	font-size: 14px;
	font-weight: 400;
	color: @theme;
	.el-icon-phone {
		margin-right: 8px;
	}
}
.location-warp {
	padding: 20px 0;
	text-align: left;
}

.container-warp {
	position: relative;
	width: @width;
	margin: auto;
	min-height: 60vh;
	padding-bottom: 50px;
	& > .banner {
		position: relative;
		height: 500px;
		img {
			.fix-c-x();
			width: 100vw !important;
			height: 500px;
		}
		& > h2 {
			.fix-c();
			font-size: 56px;
			font-weight: 400;
			color: #ffffff;
			line-height: 116px;
			text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		}
		& > .banner-title {
			.fix-c-y();
			position: relative;
			z-index: 100;
			h2 {
				font-size: 66px;
				font-weight: bold;
				color: #ffffff;
				text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
				word-spacing: 0.3em;
			}
			p {
				font-size: 24px;
				font-weight: 400;
				color: #ffffff;
			}
		}
	}
}

.set-scroll {
	& > ::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	& > ::-webkit-scrollbar-track {
		background-color: #f5f5f5;
	}

	& > ::-webkit-scrollbar-track-piece {
		background-color: #f5f5f5;
		border-radius: 6px;
		border-radius: 0px;
	}
	& > ::-webkit-scrollbar-thumb {
		background-color: #cccccc;
		border-radius: 6px;
		border-radius: 0px;
	}
	& > ::-webkit-scrollbar-corner {
		background-color: #f5f5f5;
	}
	& > ::-webkit-resizer {
		background-repeat: no-repeat;
		background-position: bottom right;
	}
}
.upload-add-icon-warp {
	height: 100%;
	.flex-center-y();
	i {
		font-size: 20px;
		display: block;
		font-weight: bold;
		line-height: 40px !important;
		margin: 0;
	}
	span {
		line-height: 20px;
		font-size: 14px;
		font-weight: 400;
		color: #747474;
	}
}

.html-txt {
	img {
		display: block;
		// object-fit: contain;
		width: 100%;
	}
}
.trembling {
	animation: shake 0.6s;
}
@keyframes shake {
	0% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-10px);
	}
	50% {
		transform: translateX(10px);
	}
	75% {
		transform: translateX(-10px);
	}
	100% {
		transform: translateX(0);
	}
}
.line-title {
	padding: 8px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #d5d8de;
	span {
		font-weight: 400;
		font-size: 22px;
		color: #333333;
	}
}
.tongji {
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	text-align: right;
	font-style: normal;
	text-transform: none;
	label {
	}
	span {
	}
}
.form-submit {
	text-align: right;
	padding: 30px 0;
	button {
		min-width: 160px;
	}
}
